<link href="../core/resource/css/style.css?v=20240102" rel="stylesheet">
<style>
.syscolor {color:{{main.syscolor}};}
.jinyun-primary {
    border: 1px solid {{main.syscolor}};
    background-color: {{main.syscolor}};
}
.head_box {
    background-color: {{main.syscolor}};
}
.menu-box .wb-nav ul li.active a {
    color:{{main.syscolor}};
}
.head_box .top_nav .top_nav_item.active {
	border-bottom:3px solid {{main.hovercolor}}
}
.head_box .top_nav .top_nav_item.active:hover {
	border-bottom:3px solid {{main.hovercolor}}
}
.head_box .top_nav .top_nav_item:hover {
	border-bottom:3px solid {{main.hovercolor}};
	background-color:{{main.hovercolor}}
}
.menu-box .wb-nav ul li.active a {
    color: {{main.hovercolor}};
}
.menu-box .wb-nav ul li:hover a {
	color:{{main.hovercolor}};
}
.app-status-num .productName,.app-status-num .productVip,.app-open .app-status-num {
	color:{{main.syscolor}};
}
.today {
	color:{{main.syscolor}}
}
.min-today {
	color:{{main.syscolor}}
}
#page-loading .sk-spinner-three-bounce div{background-color: {{main.syscolor}}}
.sk-spinner-three-bounce div {
	background-color: {{main.syscolor}};
}
.app-open .manage-btn {
	border:1px solid {{main.syscolor}};
	background-color: {{main.syscolor}};
}
.jy-btn-default{
	border: 1px solid {{main.syscolor}};
}
.switchOn,.switchOn:before {
	background:{{main.syscolor}}!important
}
.btn-default {
	background-color:{{main.syscolor}};
	border-color:{{main.syscolor}}
}
.label-primary {
	background-color:{{main.syscolor}}
}
.btn-primary {
	background-color:{{main.syscolor}};
	border-color:{{main.syscolor}}
}
.btn-primary.focus,.btn-primary:focus {
	background-color:{{main.hovercolor}};
	border-color:{{main.hovercolor}}
}
.btn-primary:hover {
	background-color:{{main.hovercolor}};
	border-color:{{main.hovercolor}}
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
	background-color:{{main.hovercolor}};
	border-color:{{main.hovercolor}}
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
	background-color:{{main.hovercolor}};
	border-color:{{main.hovercolor}}
}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
	background-color:{{main.hovercolor}};
	border-color:{{main.hovercolor}}
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	background-color:{{main.syscolor}};
	border-color:{{main.syscolor}}
}
.nav-tabs>li>a:hover {
	border-bottom:2px solid {{main.syscolor}};
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	color:{{main.syscolor}};
	border-bottom:2px solid {{main.syscolor}};
}
input[type=checkbox]:checked,input[type=radio]:checked {
    border-color: {{main.syscolor}};
    background: {{main.syscolor}};
}
input[type=radio]:checked{
    border:2px solid {{main.syscolor}};
	background: #fff;
}
input[type=radio]:checked:before {
    background: {{main.syscolor}};
}
.pagination>li>a,.pagination>li>span {
	color:{{main.syscolor}};
}
.panel-heading>.dropdown .dropdown-toggle {
	color:{{main.syscolor || '#18bc9c'}}
}
.right-box-header > ul > li .fui-cellone{
    padding:0 10px;
}
.toptitle{font-size:18px;padding:15px 0}
.gray(color:#999);
</style>
<style>
.newbox{
	background: #3c8cf3;
}
.newbox ul li:hover {
    background: #b8d6fd;
}

.newbox ul li:hover a {
    color: #3c8cf3;
}
.newbox.isplugin ul li:hover {
    background: #b8d6fd;
}

.newbox.isplugin ul li:hover a {
    color: #3c8cf3;
}
.newbox ul li a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: inline-block;
	white-space: nowrap;
	text-overflow: clip;
	overflow: hidden;
}
.newbox.isplugin ul li a {
    color: #fff;
}
.newbox ul li.active {
    background: #b8d6fd;
}
.newbox ul li.active a {
    color: #3c8cf3;
}
.newbox .toptitle{padding-top:5px;padding-bottom:8px}
.newbox .logo{padding: 5px 10px;}
.newbox .logo .logo-img{height: 36px; border-radius: 5px;}
.newrightheader {
    background-color: #3c8cf3;
    height: 50px;
    border-bottom: 0 solid #e8e9eb;
}
.newrightheader > ul > li {
    float: left;
    padding: 0 16px;
    line-height:50px;
    text-align: center;
    border-left: 1px solid #4d98f9;
    cursor: pointer;
}
.newrightheader > ul > li a {
    display: inline-block;
	font-size:14px;
    height: 100%;
    width: 100%;
    outline: none;
}
.newrightheader > ul > li a:active {
    outline: none;
}

.newrightheader > ul > li:hover,
.newrightheader > ul > li.active {
    background: #3c8cf3;
}
.newrightheader > ul > li .fui-cellone{
    padding:0;
}
.newrightheader > ul > li .fui-cellone .fui-cellone-label {
    color: #fff;
}
.newrightheader > ul > li .fui-cellone .gray{
    color: #f2f2f2;
}
.newrightheader > ul > li .jylabel-info-0 {
    border: 1px solid #b8d6fd;
    color: #fff;
}
.newrightheader i {
    color: #b8d6fd;
}
.newrightheader a {
    color: #fff;
}
.newmenubox .wb-nav ul li:hover {
    background: #f7fafe;
}
.newmenubox .wb-nav ul li:hover a {
	color:#3c8cf3;
}
.newmenubox .wb-nav ul li.active {
    background: #f7fafe;
}
.main-box .right-box.rightfull{
    margin-left: 0;
    padding-top: 0;
}
.rightfull .box-content{margin-left:0}
.rightfullbtn {z-index:108;padding:0.15rem;font-size:0.6rem;color:#fff;background-color:{{main.syscolor || '#7c1cc9'}};border-top-left-radius:1rem;border-bottom-left-radius:1rem;}
</style>
<div class="main-box">
<!-- 一级导航 -->
<div ng-if="main.rightfull!=1" class="left-box" id="left_body">
	<div ng-class="{'box-nav':1 ,'isplugin':current_menu!='core','newbox':pagedata.newheader==1}">
		<div ng-if="pagedata.plugin_icon || main.logo" class="logo">
           <img ng-if="pagedata.plugin_icon" class='logo-img' ng-src="{{tomedia(pagedata.plugin_icon)}}"/>
		   <img ng-if="!pagedata.plugin_icon && main.logo" class='logo-img' ng-src="{{tomedia(main.logo)}}"/>
		</div>
		<div class="toptitle bold c">
           {{pagedata.toptitle || 'PC后台'}}
		</div>
        <ul id="navheight" class="box-navheight">
                <li ng-repeat="menu in framess[current_menu]" ng-class="{'active':menu==frames}" ng-click="active(menu);access_json(menu.url)">
                    <a href="javascript:;">
                         <i class="icon {{menu.fa || 'icon-all'}}"></i> {{check_show_lang(menu.title)}}
                    </a>
                </li>
        </ul>
	</div>
</div>
<div ng-class="{'right-box':1 ,'isplugin':current_menu!='core','rightfull':main.rightfull==1}">
	<div ng-if="main.rightfull!=1" ng-class="{'right-box-header':1 ,'isplugin':current_menu!='core','newrightheader':pagedata.newheader==1}">
		<ul ng-if="pagedata.nogohome!=1 && pagedata.needhome ==1" class="l">
			<li style="padding:0 10px;"><a href="../manage/index.php" data-toggle="tooltip" data-placement="bottom" title="返回系统"><i class="icon icon-lvyoutehui"></i> 返回欢迎界面</a></li>
		</ul>
		<ul ng-if="main.nowplugin.title" class="l">
			<li style="height:50px;padding:10px 0;">
			    <div class="fui-cellone">
			        <div ng-if="main.nowplugin.image" class="fui-cellone-label"><img class='logo-img' style="width: 30px; height: 30px;border-radius:3px" ng-src="{{tomedia(main.nowplugin.image)}}"/></div>
			        <div class="fui-cellone-label"><span class="bold" style="padding:0 5px;">{{main.nowplugin.title}}</span></div>
			        <div ng-if="main.nowplugin.oneword || main.nowplugin.description" class="fui-cellone-text"><span class="overflow-h gray" style="max-width:666px;display: inline-block;padding-top:5px">{{main.nowplugin.oneword || main.nowplugin.description}}</span></div>
			    </div>
			</li>
		</ul>
		<ul class="r">
			<li class="top_nav_item">
							<a class="jylabel jylabel-info-0" style="padding: 5px 10px;" href="javascript:;" ng-show="main.show_lang!='en'" ng-click="set_lang('en')">English</a>
							<a class="jylabel jylabel-info-0" style="padding: 5px 10px;" href="javascript:;" ng-show="main.show_lang=='en'" ng-click="set_lang('ch')">简体中文</a>
			</li>
			<li class="dropdown top_nav_item">
							<a href="javascript:;" class="dropdown-toggle" onclick="$(this).next().toggle()"><i class="fa fa-user fa-fw"></i>{{username}} <i class="fa fa-angle-down"></i></a>
							<ul class="dropdown-menu" ng-if="config('usertype')>2">
								<li style="line-height:40px"><a href="javascript:;" ng-click="access_json('core/member.cpassword/')" style="color:#808080;"><i class="fa fa-user fa-fw"></i> {{check_show_lang('我的账号','my info')}}</a></li>
								<li class="divider" style="line-height:40px"></li>
								<li ng-click="access_json(main.welcomeaction)" style="line-height:40px"><a href="javascript:;" clsss="syscolor" ><i class="fa fa-mail-reply"></i> {{check_show_lang('返回系统','Go sys')}}</a></li>
							</ul>
			</li>
			<li class="dropdown msg top_nav_item" style="min-width:38px" ng-if="main.isfounder">
							<a href="javascript:;" class="dropdown-toggle" style="padding:0;" onclick="$(this).next().toggle()"><i class="fa fa-bell"><span class="badge" ng-if="sysnotices.length>0">{{sysnotices.length}}</span></i></a>
							<div class="dropdown-menu">
								<div class="clearfix top">{{check_show_lang('消息_Message')}}
									<a href="javascript:;" class="pull-right" ng-click="access_json('core/system.message/noticelist/')">{{check_show_lang('查看更多_Look More')}}</a>
									<a href="javascript:;" class="pull-right" style="margin-right: 5px" ng-click="upnotice();">{{check_show_lang('全部已读_Is read')}}</a>
								</div>
								<div class="msg-list-container">
									<div class="msg-list">
										<div class="item" ng-repeat="log in sysnotices">
											<div class="info clearifx">
												<div class="pull-right date">{{date(log.createtime)}}</div>{{check_show_lang('来自','From')}} <span>{{check_show_lang('系统消息_System Message')}}</span>
											</div>
											<div class="msg-content">
												<a href="{{log.url}}" style="color:#333">{{log.msg}}</a>
											</div>
										</div>
									</div>
								</div>
							</div>
			</li>
			<li data-toggle="tooltip" data-placement="bottom" title="退出登录" ng-click="post_json({'plugin':'core','action':'member.logout','message':'确定退出吗？'})">
				<a class="box-header-logout"><i class="fa fa-power-off"></i></a>
			</li>
			</ul>
	</div>
	<div class="right-box-body">
	<div ng-if="main.rightfull!=1" class="box-subnav">
		<div ng-class="{'menu-box':1 ,'isplugin':current_menu!='core','newmenubox':pagedata.newheader==1}" style="top:60px">
			<div class="wb-nav">
				<div ng-if="frames.child" ng-repeat="(fr,frame) in frames.child" name="menu">
					<div class="nav-top" ng-click="toogle(frame,'show')">
						<a class="no-collapse"><i class="l fa {{frame.fa || 'fa-list'}}" style="margin-right: 8px; line-height:38px"></i><div class="l overflow-h" style="width:70px;">{{check_show_lang(frame.title)}}</div><i class="r fa {{frame.show?'fa-chevron-up':'fa-chevron-down'}} pull-right setting"></i></a>
					</div>
					<ul class="in" ng-show="frame.show" style="margin-bottom:0">
						<li class="nav-li" ng-repeat="(li,link) in frame.child" ng-show="!main.find_keyword || link.title.indexOf(main.find_keyword)>=0" ng-class="{'active':show_active(link)}" data-title="{{link.title}}">
							<a  ng-click="access_menu(link)" id="left_menu_{{fr}}_{{li}}" href="javascript:;">{{check_show_lang(link.title)}}</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="box-content">
			<!--replace_start-->
			<div id="mainbody-z"><div id="loading-z"></div></div>
			<div id="mainbody">
				<div style="position: absolute;right:0;top:10px;z-index:108">
					<a ng-if="main.rightfull!=1" class="rightfullbtn" href="javascript:" ng-click="main.rightfull=1"><i class="icon icon-qiehuan"></i> 全屏</a>
					<a ng-if="main.rightfull==1" class="rightfullbtn" href="javascript:" ng-click="main.rightfull=0"><i class="icon icon-qiehuan"></i> 小屏</a>
				</div>
				<div id="use_template" ng-show="!use_template" ng-include="main.page" onload="start()"></div>
				<div id="use_template" ng-show="use_template">
					<ul class="nav nav-tabs" ng-if="main.tabs && main.tabs.length>0">
						<li ng-repeat="tab in main.tabs" ng-class="{'active':show_active(tab)}"><a href="javascript:;" ng-click="access_json(tab)">{{check_show_lang(tab.title)}}</a></li>
					</ul>
					<div id="base_template_html" style="width:100%"></div>
				</div>
			</div>
			<!--replace_start-->
	</div>
	</div>
</div>
<script>
//点击顶部菜单，显示左侧菜单
if(scope.framess && scope.framess[scope.current_menu] && scope.framess[scope.current_menu][0]){
	scope.frames=scope.frames?scope.frames:scope.framess[scope.current_menu][0];
}
	scope.active=function(menu){
		if(menu.child && menu.child!=[]){
			if(menu.child[0]){
				menu.child[0].show=true;
			}
			scope.frames=menu;
		}
	}
	scope.access_menu=function(menu){
		if(menu.url){
			scope.access_json(menu.url);
		}else{
			scope.access_json(menu);
		}
	}
</script>
</div>